
.ion-tab-icon-base {
  width: 32px;
  height: 32px;
  padding: 4px 4px 2px;
}

.ion-tab-icon-md-base {
  min-width: 0 !important;
  height: 32px;
}
@font-face {font-family: "Ionicons";
  src: url('../assets/main/tabs/iconfont.eot?t=1504775054019'); /* IE9*/
  src: url('../assets/main/tabs/iconfont.eot?t=1504775054019#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('../assets/main/tabs/iconfont.ttf?t=1504775054019') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../assets/main/tabs/iconfont.svg?t=1504775054019#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {
  font-family:"Ionicons" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.ion-gerenzhongxin:before { content: "\e61c"; }
.ion-meirong:before { content: "\e604"; }
.ion-huodong:before { content: "\e600"; }
.ion-zhoubian:before { content: "\e640"; }
.ion-sucaikuxuanzetupian:before { content: "\e65d"; }
.ion-tubiaozhizuomoban:before { content: "\e603"; }

//我的
.ion-ios-gerenzhongxin:before { content: "\e61c"; }
.ion-ios-gerenzhongxin-outline:before { content: "\e61c"; }
.ion-md-gerenzhongxin:before { content: "\e61c"; }

 //美甲师
.ion-ios-meirong:before { content: "\e604"; }
.ion-ios-meirong-outline:before { content: "\e604"; }
.ion-md-meirong:before { content: "\e604"; }

//活动
.ion-ios-huodong:before { content: "\e600"; }
.ion-ios-huodong-outline:before { content: "\e600"; }
.ion-md-huodong:before { content: "\e600"; }

//周边
.ion-ios-zhoubian:before { content: "\e640"; }
.ion-ios-zhoubian-outline:before { content: "\e640"; }
.ion-md-zhoubian:before { content: "\e640"; }

//素材库选择
.ion-ios-sucaikuxuanzetupian:before { content: "\e65d"; }
.ion-ios-sucaikuxuanzetupian-outline:before { content: "\e65d"; }
.ion-md-sucaikuxuanzetupian:before { content: "\e65d"; }

 //图标模板
.ion-ios-tubiaozhizuomoban:before { content: "\e603"; }
.ion-ios-tubiaozhizuomoban-outline:before { content: "\e603"; }
.ion-md-tubiaozhizuomoban:before { content: "\e603"; }
.fabu{
  border-top: 0.55px solid rgba(0, 0, 0, 0.3);  
  z-index: 10;  
  border-top-left-radius: 50%; 
  bottom: 2px;  
  border-top-right-radius: 50%;
}

// http://blog.giscafer.com/2017/06/27/ionic3-tab-custom-icon/

// <ion-tabs #mainTabs [selectedIndex]="mySelectedIndex">
// <ion-tab [root]="homeView" tabTitle="首页" tabIcon="tab-home"></ion-tab>
// <ion-tab [root]="taskView" tabTitle="任务" tabIcon="tab-task"></ion-tab>
// <ion-tab [root]="courseView" tabTitle="师傅学院" tabIcon="tab-master"></ion-tab>
// <ion-tab [root]="userCenterView" tabTitle="我的" tabIcon="tab-my"></ion-tab>
// <ion-tab [root]="demoView" tabTitle="DEMO" tabIcon="bug"></ion-tab>
// </ion-tabs>
.tab-button-icon:before{
  content:"";
  display:block;
  width:50px;
  height:50px;
  transform: scale(0.6);
  position: relative;
  top: -11px;
  left: 0px; 
}
/*设置 tab 按钮的选中和没有选中的样式*/ 
.ion-ios-tubiaozhizuomoban-outline:before{
  background-image: url('../assets/img/1-1.png');
}
.ion-ios-tubiaozhizuomoban:before{
  background-image: url('../assets/img/1-2.png');
}
/*设置 tab 里面文字的选中的样式*/



.ion-ios-meirong-outline:before{
  background-image: url('../assets/img/2-1.png');
}
.ion-ios-meirong:before{
  background-image: url('../assets/img/2-2.png');
}


.ion-ios-huodong-outline:before{
  background-image: url('../assets/img/3-1.png');
}
.ion-ios-huodong:before{
  background-image: url('../assets/img/3-2.png');
}



.ion-ios-zhoubian-outline:before{
  background-image: url('../assets/img/4-1.png');
}
.ion-ios-zhoubian:before{
  background-image: url('../assets/img/4-2.png');
}


.ion-ios-gerenzhongxin-outline:before{
  background-image: url('../assets/img/5-1.png');
}
.ion-ios-gerenzhongxin:before{
  background-image: url('../assets/img/5-2.png');
}

/*设置 tab 里面文字的选中的样式*/
a[aria-selected=true]>.tab-button-text{
  color:#ff5d5d !important;
}

.tabs-ios .tab-button-text{
  color: rgb(101,101,101);
}